@import  "../../../styles/common.less";
// 其他几类模块样式
.equipmentOut{
  position: relative;
  height: @card-height;
  
  box-shadow: 0 1px 10px 0 rgba(194,208,235,0.50);
  overflow: hidden;
  background-color:#FFFFFF;
  border-radius: 4px;
  margin-bottom: 20px;
  // 标签种类样式
  .labeClass{
    width: 90px;
    height: 30px;
    background: #ECF7E3;
    border-radius: 0 16px 16px 0;
    font-family: @font-Semibold;
    font-size: @small-font;
    color: #92D263;
    letter-spacing: 0.17px;
    padding-top: 5px;
    margin-top: 20px;
  }
  .Experience{
    background: #FFF9E0;
    color: #FFBB4A;
  }
    // 模块标题
   .labeTitle{
      font-family: @font-Semibold;
      font-size: @medium-title;
      color: #173451;
      letter-spacing: 0.14px;
      line-height: @medium-title;
      margin: 41px auto 23px auto;
      text-align: center;
    }
    
    // 体验课标题,单元小节标题
    .ExperienceTitle,.CourseSectionTitle{
      font-family: @font-Semibold;
      font-size:@big-title;
      color: #173451;
      letter-spacing: 0.14px;
      line-height: 24px;
      margin: 41px auto 23px auto;
      text-align: center;
    }
   
    // isAranging组班中模块标题
    .isAranging{
      font-family:@font-Semibold;
      font-size:@big-title;
      color: #173451;
      letter-spacing: 0.14px;
      line-height: 24px;
      margin: 41px 24px 23px 58px;

    }

    
    
    
    // 加载的图片
    .equiloading{

      height: 32px;
      margin-bottom:13px;
      font-size: @small-font;
      text-align: center;
      img{
      width: 143px;
      height: 100%;
      }
      b{
        font-weight: normal;
      }
    }
    // 中间横线
    .midlehr{
      position: relative;
      top: -14px;
      margin-left:18px;
      width: 216px;
      height: 2px;
      border-bottom: 1px solid #F6F7FC;
      margin-bottom: 10px;
      opacity: 1;
  
    }
    // 单元小节奖励样式
    .starsimg{
      .medals{
        margin-left: 69px;
        margin-bottom: 20px;
        width: 124px;
        height: 36px;
        background: #FEF8E0;
        border-radius: 100px;
        img{
          width: 39px;
          height: 54px;
          margin-left: -28px;
          margin-top: -18px;
        }
        .pull{
        font-size: @big-title;
        color: #FFBC26;
        border-radius: 100px;
        padding:0 20px 0 16px;
       }
      .medalsnumber{
        font-family: @font-Semibold;
        font-size: @medium-title;
        color: #FFBC26;
      }

      }
      .stars{
        margin-left: 69px;
        width: 124px;
        height: 36px;
        background: #FEF8E0;
        border-radius: 100px;
        img{
          width: 39px;
          height: 54px;
          margin-left: -28px;
          margin-top: -18px;
        }
        .pull{
          font-size:@big-title;
          color: #FFBC26;
          border-radius: 100px;
          padding:6px 20px 0 16px;
        }
        .medalsnumber{
          font-family: @font-Semibold;
          font-size: @medium-title;
          color: #FFBC26;
          letter-spacing: 0.19px;
        }
      }
    }
    // 设备检测文字描述
    .equipdesc{
      width: 90%;
      height: 69px;
      margin-left: 17px;
      margin-bottom: 40px;
      text-align: left;
      font-size: @small-font;
      font-family: @font-Regular;
      color: #A5B9BF;
      letter-spacing: 0.17px;
      line-height: 21px;

    }
    
    // 新手任务按钮
    .equipmentTest{
      position: absolute;
      bottom: 0;
      width: 100%;
      height:46px;
      border: 0;
      background:@new-normal-color;
      &:hover{
        background:@new-hover-color;
      }
      &:active{
        background: @new-active-color;
      }
    }
    //体验课按钮样式
    .nowbegin{
      width: 100%;
      height:46px;
      border: 0;
      border-radius:0;
      color: #FFFFFF;
      background: @test-normal-color;
      &:hover{
        background:@test-hover-color;
      }
      &:active{
        background:@test-active-color;
      }
    }
    //单元小结中查看报告按钮
    .report{
      margin-top: 6px;
      width: 100%;
      height:46px;
      border: 0;
      background:@unit-normal-color;
      &:hover{
        background:@unit-hover-color;
      }
      &:active{
        background: @unit-active-color;
      }
    }

    
  }